//采购预览
import './OrderPreview.css'
import OrderPreviewTab from './OrderPreviewTab';
const Orderpreview = (props) => {


    return (

        <div className='Orderpreview'>

            <div className='clear top-1'>
                <div className="left">采购预览-待审批</div>
                <div className="right"><button className='btn-1'>《 返回 </button> </div>
            </div>
            <div className='clear top-2' >
                <div className="left">基本信息</div>
                <div className="right">单号：<span className='top-2-span'>xxxxxxxxx</span></div>
            </div>
            <div className='top-3 clear'>
                <div className='top-3-div'>供货厂商：data</div>
                <div className='top-3-div'>付款类型 ：data</div>
                <div className='top-3-div'>审批人 ：data</div>
                <div className='top-3-div'>采购日期 ：data</div>
            </div>
            <div className='clear top-4'>
                <div className="left">审批状态- <span className='top-4-span'>状态</span></div>
                {/* <div className="right">审批时间： 2017-09-09 12：12：12：0</div> */}
            </div>
            <div className='top-5 clear'>
                {/* 不增加clear 则左边多出空白 */}
                <span>  审批意见:无 </span>
            </div>
            <div className='top-4'>商品明细</div>

            <OrderPreviewTab />
            <div>
                商品共：xx   金额合计：xxxxx元
            </div>




        </div>


    )



}


export default Orderpreview;